
import { axios } from "../../request/myAxios";
import regeneratorRuntime from "../../lib/runtime";
// 定义一个全局的数组来存放分类数据
let goodsList = [];
Page({

  /**
   * 页面的初始数据
   */
  data: {
    activeTabIndex: '0',
    activeCurrentIndex: '0',
    goodsLeft: [],
    goodsRightList: [],
    rightScrollTop: 0
  },
  handleTabsTap(e) {
    // console.log("商品分类的index", e)
    const { index } = e.currentTarget.dataset;
    this.setData({
      activeTabIndex: index,
      goodsRightList: goodsList[index].children,
      rightScrollTop: 0
    })
  },
  // handleGoodsItem(e) {
  //   console.log('当current切换时', e)
  //   this.setData({
  //     activeCurrentIndex: e.detail.current
  //   })
  // },
  /**
   * 生命周期函数--监听页面加载
   */
  // 本地存储的思路
  // 1 获取本地存储的数据，  没有   重新获取数据
  // 2 获取本地存储的数据     有  将本地的数据进行获取渲染   
  // 是否过期  如果 时间差大于5  //数据过期  重新获取数据
  //          反之   拿本地的数据
  onLoad: function (options) {
    //  获取本地存储的数据
    const cates = wx.getStorageSync('cates');
    console.log("cates数据", cates)
    //本地没有数据
    if (!cates) {
      this.getCategories();
    } else {
      // 数据是否过期  时间差是否大于5分钟
      if (Date.now() - cates.timestamp > 1000 * 60 * 5) {
        // 重新获取数据
        this.getCategories();
      } else {
        goodsList = cates.data;
        this.setData({
          goodsLeft: goodsList.map(v => { return { cat_id: v.cat_id, cat_name: v.cat_name } }),
          goodsRightList: goodsList[0].children,
        })
      }
    }

  },
  async getCategories() {
    // 获取商品分类第二种写法
    const res = await axios({ url: "/categories" });
    goodsList = res;
    this.setData({
      goodsLeft: res.map(v => { return { cat_id: v.cat_id, cat_name: v.cat_name } }),
      goodsRightList: res[0].children,
    })
    // 将数据进行本地存储
    wx.setStorageSync('cates', { timestamp: Date.now(), data: res });

    //  获取商品分类第一种写法
    // axios({
    //   url: "/categories"
    // }).then(res => {
    //   console.log("商品分类详情", res);
    //   //将分类的所有数据存放到goodsList中
    //   goodsList = res;
    //   this.setData({
    //     goodsLeft: res.map(v => { return { cat_id: v.cat_id, cat_name: v.cat_name } }),
    //     goodsRightList: res[0].children,
    //   })
    //   // 将数据进行本地存储
    //   wx.setStorageSync('cates', { timestamp: Date.now(), data: res });

    // })
  }


})